/******************************* * Defaults *******************************/ BODY { BACKGROUND-COLOR: #FFFFFF; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; } TEXTAREA { FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; } SELECT { FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; } INPUT { FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; } TABLE { FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; } TD { FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; } H3 { FONT-FAMILY: sans-serif; FONT-SIZE: 15pt; FONT-WEIGHT: bold; } .clsDefFont { FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; } A.clsDefFont { TEXT-DECORATION: none; CURSOR: hand; FONT-FAMILY: sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; COLOR: #000000; } A.clsDefFont:hover { COLOR: #0000FF; } /******************************* * This is for text that represents the major points of what the user should do on a page. *******************************/ .clsUserInstruction { FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: bold; } /******************************* * Error messages *******************************/ .clsError { FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: bold; COLOR: #FF0000; } .clsErrMsg { FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: bold; COLOR: #000000; } .clsErrReason { FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; FONT-STYLE: italic; COLOR: #000000; } /******************************* * Header * * This is for the frame that appears at the top of the admin. * * Sample usage: * * * * * * * * * *
Enterprise Information ManagerLogged on: Joe Shmoe
* Change Password   |   * Help *
* * *******************************/ BODY.clsHeader { BACKGROUND-COLOR: #000000; } TD.clsMainTitle { FONT-FAMILY: sans-serif; FONT-SIZE: 14pt; FONT-WEIGHT: bold; FONT-STYLE: italic; COLOR: #FFFFFF; } TD.clsUserName { FONT-FAMILY: sans-serif; FONT-SIZE: 11pt; FONT-WEIGHT: bold; FONT-STYLE: italic; COLOR: #FFFFFF; } TD.clsToolbar { FONT-FAMILY: sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; COLOR: #FFFFFF; } TD.clsToolbar A { TEXT-DECORATION: none; COLOR: #FFFFFF; CURSOR: hand; } TD.clsToolbar A:hover { COLOR: #75A3D1; } /******************************* * Breadcrumbs * * Breadcrumbs must be in their own frame. * * Sample usage: * * * * * *
Link 1   >   Link 2   >
User Groups
* * *******************************/ BODY.clsBreadCrumb { BACKGROUND-COLOR: #75A3D1; MARGIN-LEFT: 3; MARGIN-RIGHT: 3; } TD.clsPath { BACKGROUND-COLOR: #75A3D1; FONT-FAMILY: sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; COLOR: #000000; } TD.clsPath A { TEXT-DECORATION: none; COLOR: #000000; CURSOR: hand; } TD.clsPath A:hover { COLOR: #FFFFFF; } TD.clsTitle { BACKGROUND-COLOR: #75A3D1; FONT-FAMILY: sans-serif; FONT-SIZE: 15pt; FONT-WEIGHT: bold; COLOR: #000000; } .clsPathSeparator { COLOR: #99CCFF } /******************************* * Tabs * * The actual tabs themselves need to be inside their own table (so that cell widths do * not need to be specified) which can be nested inside a table containing the tab bar * (the bar of color that appears below the tabs). Each tab should be separated by a * cell of class "clsTabSpacer". * * We need an extra DIV tag for each tab because I can't get Netscape to do borders around * a TD item and if we don't have a border, Netscape will not seem to do right-padding for * items that have spaces in them. :-( * * Sample usage: * * * * * * * * * *
* * * * *
Tab 1
 
Much Longer Tab 2
* 		 
 
* *******************************/ TD.clsTabSelected { BACKGROUND-COLOR: #75A3D1; COLOR: #000000; FONT-SIZE: 10pt; FONT-FAMILY: sans-serif; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; } DIV.clsTabSelected { PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BORDER-WIDTH: 1px; BORDER-STYLE: solid; BORDER-COLOR: #75A3D1; } TD.clsTab { BACKGROUND-COLOR: #000000; COLOR: #FFFFFF; FONT-SIZE: 10pt; FONT-FAMILY: sans-serif; FONT-WEIGHT: bold; } DIV.clsTab { PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BORDER-WIDTH: 1px; BORDER-STYLE: solid; BORDER-COLOR: #000000; } TD.clsTabDisabled { BACKGROUND-COLOR: #CCCCCC; COLOR: #FFFFFF; FONT-SIZE: 10pt; FONT-FAMILY: sans-serif; FONT-WEIGHT: bold; } DIV.clsTabDisabled { PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BORDER-WIDTH: 1px; BORDER-STYLE: solid; BORDER-COLOR: #CCCCCC; } TD.clsTabSpacer { WIDTH: 1px; BACKGROUND-COLOR: #FFFFFF; } TR.clsTabBar { BACKGROUND-COLOR: #75A3D1; } TD.clsTab A { TEXT-DECORATION: none; COLOR: #FFFFFF; CURSOR: hand; } TD.clsTab A:hover { COLOR: #75A3D1; } /******************************* * Lists * * Sample usage: * * * * * * * * * * * * * * * *
  Group NameDescriptionSelected
   Group 1This is the description
*
*
* *******************************/ TR.clsHeading { BACKGROUND-COLOR: #CCCCCC; FONT-FAMILY: sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 10pt; } TD.clsHeadingItem { BACKGROUND-COLOR: #CCCCCC; FONT-FAMILY: sans-serif; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; PADDING-RIGHT: 6px; PADDING-TOP: 2px; } TD.clsHeadingItem A { TEXT-DECORATION: underline; COLOR: #0000FF; CURSOR: hand; } TD.clsListItem { FONT-FAMILY: sans-serif; FONT-SIZE: 9pt; PADDING-RIGHT: 6px; } TD.clsListItem A { TEXT-DECORATION: underline; COLOR: #0000FF; CURSOR: hand; } HR.clsListDivider { COLOR: #000000; HEIGHT: 1px; } /******************************* * Buttons * * Buttons should be put in their own table (but this table can be nested within * another table). * * We need an extra DIV tag for each button because I can't get Netscape to do borders * around a TD item. * * Sample usage: * * * * * * *
*
OK
* 		*
Cancel
*
* *******************************/ DIV.clsButton { PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; BORDER-WIDTH: 1px; BORDER-STYLE: solid; BORDER-COLOR: #000000; } TD.clsButton { BACKGROUND-COLOR: #CCCCCC; FONT-FAMILY: sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; } TD.clsButton A { TEXT-DECORATION: none; COLOR: #000000; CURSOR: hand; } TD.clsButton A:hover { COLOR: #0000FF; } /******************************* * Link * * This is only used for the links in the left pane * * Sample Usages * * * * * * *
*
OK
* 		*
Cancel
*
* *******************************/ TD.clsLink { BACKGROUND-COLOR: white; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; } TD.clsLink A { TEXT-DECORATION: none; COLOR: #000000; CURSOR: hand; } TD.clsLink A:hover { TEXT-DECORATION: underline; COLOR: #0000FF; }